<!doctype html>
<html>

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <style>
        * {
            padding: 0;
            margin: 0;
            box-sizing: border-box;
        }
        .title::after {
            content: "";
            display: block;
            position: absolute;
            right: -19px;
            border-left: 10px solid #007b86;
            border-right: 10px solid transparent;
            border-top: 15px solid transparent;
            border-bottom: 15px solid #007b86;
        }
    </style>
</head>
<body>
    <div style="padding:50px 50px 0px;">
        <div style="color:#333;font-size: 28px;font-weight: 700;">keer</div>
        <div style="margin:10px 0">
            <div style="color:#333;">男&nbsp;&nbsp;|&nbsp;&nbsp;生日：1995.05&nbsp;&nbsp;|&nbsp;&nbsp;上海</div>
            <div style="color:#333">
                <span style="color:#ccc">🕻</span>&nbsp;&nbsp;123435346345
                &nbsp;&nbsp;&nbsp;&nbsp;
                <span style="color:#ccc">✉</span>&nbsp;&nbsp;keer233@163.com
            </div>
            <div style="color:#333;">
                3年&nbsp;&nbsp;工作经验&nbsp;&nbsp;|&nbsp;&nbsp;求职意向：Web前端&nbsp;&nbsp;|&nbsp;&nbsp;学历：本科&nbsp;&nbsp;|&nbsp;&nbsp;
                期望薪资：面议
            </div>
        </div>
    </div>
    <div style="padding:15px 45px 0;">
        <div>
            <div class="title"
                style="position: relative;font-weight: 700;display: inline-flex;background-color:#007b86;color:#fff;padding:2px 8px;align-items: center;justify-content: center;width: 90px;height: 30px;">
                专业技能</div>
            <div style="border-left:1px solid #007b86;padding:15px 0 0 15px;color:#333">
                <!-- <--! <div style="display:flex;align-items:center;"> -->
                    <!-- <div style="font-weight:700;margin:10px 100px 10px 0;">传统技术</div> -->
                <!-- </div> !--> 

                <p style="color:#333;line-height: 1.5;font-size: 13px;margin: 10px 0;">
                    熟练掌握HTML、CSS、ES5、ES6，能独立完成静态页面的编写<br />
                    熟练使用插件及第三方库，例如 lodash、swiper、animate.css、echarts<br />
                    熟悉业务功能的开发，可以在遵循规范应用框架使用第三方库的前提下，开发公司具体所需业务，包括 各式的界面、动效、交互操作
                </p>
            </div>
        </div>
        <div style="margin-top:30px">
            <div class="title"
                style="position: relative;font-weight: 700;display: inline-flex;background-color:#007b86;color:#fff;padding:2px 8px;align-items: center;justify-content: center;width: 90px;height: 30px;">
                工作经历</div>
            <div style="border-left:1px solid #007b86;padding:15px 0 0 15px;color:#333">
                <div style="display:flex;align-items:center;">
                    <div style="font-weight:700;margin:10px 100px 10px 0;">****有限公司</div>
                    <div style="color:#000;font-size: 13px;">前端工程师</div>
                    <div style="color:#000;font-size: 13px;margin-left: auto;">2021.09-2022.06</div>
                </div>
                <div style="color:#333;font-size:13px;font-weight:700;">岗位职责</div>
                <p style="color:#333;line-height: 1.5;font-size: 13px;margin: 10px 0;">
                    1、参与项目需求分析，提出前端功能实现的合理建议与解决方案<br />
                    2、与设计人员进行协调，提供更快速的 UI 设计体系以及界面方案<br />
                    3、能够完全复现设计稿的界面需求，并且实现产品规划时所预设的动画及交互功能<br />
                    4、可以与后台开发人员进行无障碍沟通与协作，快速理解前后端交互技术对接点<br />
                    5、日常使用项目化管理工具进行错误日志以及开发进度的提交<br />
                    6、接收并反馈运维、客服以及客户提出的合理性需求
                </p>
                <div style="display:flex;align-items:center;">
                    <div style="font-weight:700;margin:10px 100px 10px 0;">****有限公司</div>
                    <div style="color:#000;font-size: 13px;">前端工程师</div>
                    <div style="color:#000;font-size: 13px;margin-left: auto;">2020.02-2021.08</div>
                </div>
                <div style="color:#333;font-size:13px;font-weight:700;">岗位职责</div>
                <p style="color:#333;line-height: 1.5;font-size: 13px;margin: 10px 0;">
                    1、参与项目讨论，了解用户需求，进行技术选型<br />
                    3、根据设计图编写公司官网Html页面代码<br />
                    2、开发维护公司小程序和后台管理系统，与后端对接完成数据的渲染<br />
                    4、解决开发过程中遇到的技术难点
                </p>
            </div>
        </div>
        <div style="margin-top:30px">
            <div class="title"
                style="position: relative;font-weight: 700;display: inline-flex;background-color:#007b86;color:#fff;padding:2px 8px;align-items: center;justify-content: center;width: 90px;height: 30px;">
                项目经历</div>
            <div style="border-left:1px solid #007b86;padding:15px 0 0 15px;color:#333">
                <div style="margin-top:10px">
                    <div style="display:flex;align-items:center;">
                        <div style="font-weight:700;margin:10px 100px 10px 0;">****小程序</div>
                        <div style="color:#000;font-size: 13px;margin-left: auto;">2021.09-2022.06</div>
                    </div>
                    <!-- <div style="color:#333;font-size:13px;font-weight:700;">内容</div> -->
                    <p style="color:#333;line-height: 1.5;font-size: 13px;margin: 10px 0;">
                        介绍: 该小程序的主要功能是*************************************
                        <br /><br />
                        人员周期: *****************
                        <br /><br />
                        技术体系： *************************************
                        <br /><br />
                        负责模块：*************************************
                        <br /><br />
                        技术要点：*************************************<br />
                    </p>
                </div>
                <div style="margin-top:10px">
                    <div style="display:flex;align-items:center;">
                        <div style="font-weight:700;margin:10px 100px 10px 0;">****小程序</div>
                        <div style="color:#000;font-size: 13px;margin-left: auto;">2021.09-2022.06</div>
                    </div>
                    <!-- <div style="color:#333;font-size:13px;font-weight:700;">内容</div> -->
                    <p style="color:#333;line-height: 1.5;font-size: 13px;margin: 10px 0;">
                        介绍: 该小程序的主要功能是*************************************
                        <br /><br />
                        人员周期: *****************
                        <br /><br />
                        技术体系： *************************************
                        <br /><br />
                        负责模块：*************************************
                        <br /><br />
                        技术要点：*************************************<br />
                    </p>
                </div>
            </div>
        </div>
        <div style="margin-top:30px">
            <div class="title"
                style="position: relative;font-weight: 700;display: inline-flex;background-color:#007b86;color:#fff;padding:2px 8px;align-items: center;justify-content: center;width: 90px;height: 30px;">
                资格证书
            </div>
            <div style="border-left:1px solid #007b86;padding:15px 0 0 15px;color:#333">
                大学英语四级
            </div>
        </div>
    </div>
</body>
<script>

</script>
</html>